/* 全局样式 */
:root {
  --primary-color: #1677FF;
  --success-color: #52C41A;
  --warning-color: #FAAD14;
  --error-color: #FF4D4F;
  --text-color: #333;
  --text-color-secondary: #666;
  --border-color: #d9d9d9;
  --background-color: #f5f5f5;
}

/* 重置样式 */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, input, button, textarea {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
  line-height: 1.5;
  color: var(--text-color);
  background-color: var(--background-color);
}

/* 布局工具类 */
.flex {
  display: flex;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 边距工具类 */
.mt-10 { margin-top: 10px; }
.mr-10 { margin-right: 10px; }
.mb-10 { margin-bottom: 10px; }
.ml-10 { margin-left: 10px; }

/* 文本工具类 */
.text-center { text-align: center; }
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 动画 */
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}